<template>
	<el-image-viewer ref="imageViewer" class="image_player" :append-to-body="false" :mask-closable="false" :url-list="[fileSrc]"></el-image-viewer>
</template>

<script>
// import ElImageViewer from 'element-ui/packages/image/src/image-viewer';
import ElImageViewer from './imageViewer';
export default {
	name: 'imagePlayer',
	components: { ElImageViewer },
	props: {
		fileSrc: String,
		data: {
			type: Object,
			default () {
				return {};
			}
		}
	}
};
</script>

<style lang="scss" scoped>
.image_player::v-deep {
	position: relative;
	width: 100%;
	height: 100%;

	.el-image-viewer__close {
		display: none;
	}
}
</style>